<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>仓库管理系统</title>
    <%@ include file="/common/meta.jsp"%>
	
	<%@ include file="/common/header.jsp"%>

    <!-- Demo page code -->

    <style type="text/css">
        #line-chart {
            height:300px;
            width:800px;
            margin: 0px auto;
            margin-top: 1em;
        }
        .brand { font-family: georgia, serif; }
        .brand .first {
            color: #ccc;
            font-style: italic;
        }
        .brand .second {
            color: #fff;
            font-weight: bold;
        }
    </style>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
  <!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
  <!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
  <!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
  <!--[if (gt IE 9)|!(IE)]><!--> 
</head>


<body>
<!--<![endif]-->
	<!-- start 头部导航栏 -->
    <%@ include file="/common/navbar.jsp"%>
	<!-- end 头部导航栏 -->
	
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
    <div class="sidebar-nav">
        <form class="search form-inline">
            <input type="text" placeholder="Search...">
        </form>

        <a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><i class="icon-dashboard"></i>Dashboard</a>
        <ul id="dashboard-menu" class="nav nav-list collapse in">
            <li><a href="index.html">Home</a></li>
            <li ><a href="users.html">Sample List</a></li>
            <li ><a href="user.html">Sample Item</a></li>
            <li ><a href="media.html">Media</a></li>
            <li ><a href="calendar.html">Calendar</a></li>
            
        </ul>

        <a href="#accounts-menu" class="nav-header" data-toggle="collapse"><i class="icon-briefcase"></i>Account<span class="label label-info">+3</span></a>
        <ul id="accounts-menu" class="nav nav-list collapse">
            <li ><a href="sign-in.html">Sign In</a></li>
            <li ><a href="sign-up.html">Sign Up</a></li>
            <li ><a href="reset-password.html">Reset Password</a></li>
        </ul>

        <a href="#error-menu" class="nav-header collapsed" data-toggle="collapse"><i class="icon-exclamation-sign"></i>Error Pages <i class="icon-chevron-up"></i></a>
        <ul id="error-menu" class="nav nav-list collapse">
            <li ><a href="403.html">403 page</a></li>
            <li ><a href="404.html">404 page</a></li>
            <li ><a href="500.html">500 page</a></li>
            <li ><a href="503.html">503 page</a></li>
        </ul>

        <a href="#legal-menu" class="nav-header" data-toggle="collapse"><i class="icon-legal"></i>Legal</a>
        <ul id="legal-menu" class="nav nav-list collapse">
            <li ><a href="privacy-policy.html">Privacy Policy</a></li>
            <li ><a href="terms-and-conditions.html">Terms and Conditions</a></li>
        </ul>

        <a href="help.html" class="nav-header" ><i class="icon-question-sign"></i>Help</a>
        <a href="faq.html" class="nav-header" ><i class="icon-comment"></i>Faq</a>
    </div>
    

    
    <div class="content">
        <div class="header">
            <div class="stats">
			    <p class="stat">未处理订单 &nbsp;<span class="number">212</span></p>
			    <p class="stat">已处理订单&nbsp;<span class="number">212</span></p>
			    <p class="stat">退货订单&nbsp;<span class="number">232</span></p>
			</div>
            <h1 class="page-title">消息提醒</h1>
        </div>
        
        <ul class="breadcrumb">
            <li><a href="index.html">首页</a> <span class="divider">/</span></li>
            <li class="active">Dashboard</li>
        </ul>

        <div class="container-fluid">
            <div class="row-fluid">
				<div class="row-fluid">
			    	<div class="alert alert-info">
				        <button type="button" class="close" data-dismiss="alert">×</button>
				        <strong>Just a quick note:</strong> Hope you like the theme!
				    </div>
	
	    		<div class="block">
			        <a href="#page-stats" class="block-heading" data-toggle="collapse">Latest Stats</a>
			        <div id="page-stats" class="block-body collapse in">
			            <div class="stat-widget-container">
			                <div class="stat-widget">
			                    <div class="stat-button">
			                        <p class="title">2,500</p>
			                        <p class="detail">Accounts</p>
			                    </div>
			                </div>
			
			                <div class="stat-widget">
			                    <div class="stat-button">
			                        <p class="title">3,299</p>
			                        <p class="detail">Subscribers</p>
			                    </div>
			                </div>
			
			                <div class="stat-widget">
			                    <div class="stat-button">
			                        <p class="title">$1,500</p>
			                        <p class="detail">Pending</p>
			                    </div>
			                </div>
			
			                <div class="stat-widget">
			                    <div class="stat-button">
			                        <p class="title">$12,675</p>
			                        <p class="detail">Completed</p>
			                    </div>
			                </div>
			            </div>
	        		</div>
	    		</div>
			</div>
		<div class="row-fluid">
		    <div class="block span6">
		        <a href="#tablewidget" class="block-heading" data-toggle="collapse">Users<span class="label label-warning">+10</span></a>
		        <div id="tablewidget" class="block-body collapse in">
		            <table class="table">
		              <thead>
		                <tr>
		                  <th>First Name</th>
		                  <th>Last Name</th>
		                  <th>Username</th>
		                </tr>
		              </thead>
		              <tbody>
		                <tr>
		                  <td>Mark</td>
		                  <td>Tompson</td>
		                  <td>the_mark7</td>
		                </tr>
		                <tr>
		                  <td>Ashley</td>
		                  <td>Jacobs</td>
		                  <td>ash11927</td>
		                </tr>
		                <tr>
		                  <td>Audrey</td>
		                  <td>Ann</td>
		                  <td>audann84</td>
		                </tr>
		                <tr>
		                  <td>John</td>
		                  <td>Robinson</td>
		                  <td>jr5527</td>
		                </tr>
		                <tr>
		                  <td>Aaron</td>
		                  <td>Butler</td>
		                  <td>aaron_butler</td>
		                </tr>
		                <tr>
		                  <td>Chris</td>
		                  <td>Albert</td>
		                  <td>cab79</td>
		                </tr>
		              </tbody>
		            </table>
		            <p><a href="users.html">More...</a></p>
		        </div>
		    </div>
		    <div class="block span6">
		        <a href="#widget1container" class="block-heading" data-toggle="collapse">Collapsible </a>
		        <div id="widget1container" class="block-body collapse in">
		            <h2>Using Ruby?</h2>
		            <p>This template was developed with <a href="http://middlemanapp.com/" target="_blank">Middleman</a> and includes .erb layouts and views.</p>
		            <p>All of the views you see here (sign in, sign up, users, etc) are already split up so you don't have to waste your time doing it yourself!</p>
		            <p>The layout.erb file includes the header, footer, and side navigation and all of the views are broken out into their own files.</p>
		            <p>If you aren't using Ruby, there is also a set of plain HTML files for each page, just like you would expect.</p>
		        </div>
		    </div>
		</div>

		<div class="row-fluid">
		    <div class="block span6">
		        <div class="block-heading">
		            <span class="block-icon pull-right">
		                <a href="#" class="demo-cancel-click" rel="tooltip" title="Click to refresh"><i class="icon-refresh"></i></a>
		            </span>
		
		            <a href="#widget2container" data-toggle="collapse">History</a>
		        </div>
		        <div id="widget2container" class="block-body collapse in">
		            <table class="table list">
		              <tbody>
		                  <tr>
		                      <td>
		                          <p><i class="icon-user"></i> Mark Otto</p>
		                      </td>
		                      <td>
		                          <p>Amount: $1,247</p>
		                      </td>
		                      <td>
		                          <p>Date: 7/19/2012</p>
		                          <a href="#">View Transaction</a>
		                      </td>
		                  </tr>
		                  <tr>
		                      <td>
		                          <p><i class="icon-user"></i> Audrey Ann</p>
		                      </td>
		                      <td>
		                          <p>Amount: $2,793</p>
		                      </td>
		                      <td>
		                          <p>Date: 7/12/2012</p>
		                          <a href="#">View Transaction</a>
		                      </td>
		                  </tr>
		                  <tr>
		                      <td>
		                          <p><i class="icon-user"></i> Mark Tompson</p>
		                      </td>
		                      <td>
		                          <p>Amount: $2,349</p>
		                      </td>
		                      <td>
		                          <p>Date: 3/10/2012</p>
		                          <a href="#">View Transaction</a>
		                      </td>
		                  </tr>
		                  <tr>
		                      <td>
		                          <p><i class="icon-user"></i> Ashley Jacobs</p>
		                      </td>
		                      <td>
		                          <p>Amount: $1,192</p>
		                      </td>
		                      <td>
		                          <p>Date: 1/19/2012</p>
		                          <a href="#">View Transaction</a>
		                      </td>
		                  </tr>
		                    
		              </tbody>
		            </table>
		        </div>
		    </div>
		    <div class="block span6">
		        <p class="block-heading">Not Collapsible</p>
		        <div class="block-body">
		            <h2>Tip of the Day</h2>
		            <p>Fava bean jícama seakale beetroot courgette shallot amaranth pea garbanzo carrot radicchio peanut leek pea sprouts arugula brussels sprout green bean. Spring onion broccoli chicory shallot winter purslane pumpkin gumbo cabbage squash beet greens lettuce celery. Gram zucchini swiss chard mustard burdock radish brussels sprout groundnut. Asparagus horseradish beet greens broccoli brussels sprout bitterleaf groundnut cress sweet pepper leek bok choy shallot celtuce scallion chickpea radish pea sprouts.</p>
		            <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
		        </div>
		    </div>
		</div>
         <footer>
             <hr>
             
             <p class="pull-right">Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
             

             <p>&copy; 2012 <a href="#" target="_blank">Portnine</a></p>
         </footer>
            </div>
        </div>
    </div>
    


    <script src="${ctx}/js/bootstrap-3.3.7/dist/js/bootstrap.js"></script>
    <script type="text/javascript">
        $("[rel=tooltip]").tooltip();
        $(function() {
            $('.demo-cancel-click').click(function(){return false;});
        });
    </script>
    
  </body>
</html>